@charset "UTF-8";
.color-success {
  color: #ec6941; }

.color-default {
  color: #0076f7; }

@media only screen and (max-width: 1366px) {
  html {
    font-size: 16.8px; } }

@media only screen and (max-width: 720px) {
  html {
    font-size: 14px; } }

@media only screen and (max-width: 360px) {
  html {
    font-size: 14px; } }

html, body {
  background: #f0f0f0; }

.title-box
.title-box a {
  text-decoration: none; }

.arrow3 {
  display: inline-block;
  width: 0.64286rem;
  height: 1.11905rem;
  background: url("../images/arrow-white.png") no-repeat;
  background-size: 100% 100%;
  vertical-align: middle; }

.arrow2 {
  float: left;
  width: 0.64286rem;
  height: 1.11905rem;
  background: url("../images/arrow-gray.png") no-repeat;
  background-size: 100% 100%;
  margin-top: -1.57143rem;
  margin-left: 0.61905rem;
  cursor: pointer; }

.sx-text {
  font-size: 1.14286rem;
  color: #2b8fff;
  float: right;
  margin-right: 0.83333rem;
  margin-top: -1.90476rem;
  cursor: pointer; }

.icon-classification {
  display: inline-block;
  vertical-align: middle;
  width: 1.09524rem;
  height: 1rem;
  margin-right: 0.35714rem;
  margin-top: -0.14286rem;
  background: url("../images/sx-blue.png") no-repeat;
  background-size: 100% 100%; }

.icon-jc {
  display: inline-block;
  vertical-align: middle;
  width: 1.16667rem;
  height: 1.11905rem;
  margin-right: 0.35714rem;
  margin-top: -0.14286rem;
  background: url("../images/jc-icon.png") no-repeat;
  background-size: 100% 100%; }

.icon-cw {
  display: inline-block;
  vertical-align: middle;
  width: 1.16667rem;
  height: 1.11905rem;
  margin-right: 0.35714rem;
  margin-top: -0.14286rem;
  background: url("../images/icon-cw.png") no-repeat;
  background-size: 100% 100%; }

.mz-box {
  background: #fff; }
  .mz-box dl dt {
    height: 3.42857rem;
    line-height: 3.42857rem;
    border-bottom: 1px solid #d8d8d8;
    color: #333;
    font-size: 1.14286rem;
    padding-left: 0.95238rem;
    position: relative; }
  .mz-box dl dt a {
    display: block;
    cursor: pointer;
    color: #333; }
  .mz-box dl dt .arrow-box {
    width: 0.40476rem;
    height: 0.78571rem;
    background: url("../images/arrow-left2.png") no-repeat;
    background-size: cover;
    position: absolute;
    top: 1.28571rem;
    right: 0.85714rem; }
  .mz-box dl dt.active .arrow-box {
    width: 0.78571rem;
    height: 0.40476rem;
    background: url("../images/arrow-left2-down.png") no-repeat;
    background-size: cover; }
  .mz-box dl dd .box-left-list {
    width: 50%;
    line-height: 3.42857rem;
    background: #f0f0f0;
    font-size: 1.14286rem;
    float: left; }
  .mz-box dl dd .box-left-list a {
    border-bottom: 1px solid #d8d8d8;
    border-right: 1px solid #d8d8d8;
    display: block;
    padding-left: 1.38095rem;
    color: #666; }
  .mz-box dl dd .box-left-list a.active {
    color: #0058db;
    background: #f4f4f4;
    border-right: 1px solid #f4f4f4; }
  .mz-box dl dd .box-left-list a.active .arrow-box {
    width: 0.52381rem;
    height: 0.78571rem;
    background: url("../images/blue-tri.png") no-repeat;
    background-size: cover;
    display: inline-block;
    margin-right: 0.66667rem; }
  .mz-box dl dd .box-right-list {
    width: 50%;
    line-height: 3.42857rem;
    font-size: 1.14286rem;
    background: #f4f4f4;
    float: left;
    position: relative; }
  .mz-box dl dd .box-right-list .date-up {
    display: block;
    position: relative; }
  .mz-box dl dd .box-right-list .date-down {
    display: block;
    position: relative; }
  .mz-box dl dd .box-right-list a {
    display: block;
    padding-left: 1.38095rem;
    color: #000;
    background: #f4f4f4; }
  .mz-box dl dd .box-right-list .time-a {
    display: inline-block; }
  .mz-box dl dd .box-right-list a.date-a {
    width: 9.28571rem;
    height: 2.38095rem;
    line-height: 2.38095rem;
    border-radius: 4px;
    background: #fff;
    margin-top: 1rem;
    margin-left: 3.71429rem; }
  .mz-box dl dd .box-right-list a.active.date-a {
    color: #fff;
    background: #2a8cf8; }
  .mz-box dl dd .box-right-list span {
    color: #666;
    font-size: 1.14286rem;
    position: absolute;
    top: 0.95238rem;
    left: 0.85714rem; }
  .mz-box dl dd .box-right-list a.active {
    color: #0058db;
    background: #f4f4f4; }

.button-box {
  margin-left: 1.19048rem;
  margin-right: 1.19048rem;
  margin-top: 1.57143rem; }

.button-box a {
  text-decoration: none; }

.sx-btn {
  height: 3.14286rem;
  line-height: 3.14286rem;
  border-radius: 5px;
  background: #087cff;
  color: #fff;
  font-size: 1.28571rem;
  text-align: center;
  display: block;
  cursor: pointer; }

.sx-btn:hover {
  background: #0b74ea; }

.gray-search {
  display: block;
  height: 2.14286rem;
  line-height: 2.14286rem;
  border: none;
  outline: none;
  padding-left: 2.33333rem;
  color: #8e8e93;
  font-size: 1rem;
  background: #e5e5e6;
  border-radius: 6px;
  position: relative;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none; }

.blue-search {
  display: block;
  width: 100%;
  line-height: 100%;
  padding-top: 0.47619rem;
  padding-bottom: 0.47619rem;
  border: none;
  outline: none;
  padding-left: 2.33333rem;
  color: #0164ba;
  font-size: 1rem;
  background: #56b0ff;
  border-radius: 6px;
  position: relative;
  width: 100%; }

.fdj-gray {
  width: 0.85714rem;
  height: 0.85714rem;
  display: inline-block;
  position: absolute;
  background: url("	../../images/hzgl/fdj-gray.png") no-repeat;
  background-size: 100% 100%;
  left: 0.85714rem;
  top: 50%;
  margin-top: -0.42857rem; }

.fdj-blue {
  width: 0.85714rem;
  height: 0.85714rem;
  display: inline-block;
  position: absolute;
  background: url("	../../images/hzgl/fdj.png") no-repeat;
  background-size: 100% 100%;
  left: 0.85714rem;
  top: 50%;
  margin-top: -0.42857rem; }

.input-box-big {
  position: relative;
  margin-top: 0.61905rem;
  margin-left: 2.38095rem;
  margin-right: 4.28571rem; }
  .input-box-big.mr {
    margin-right: 5.71429rem; }

.search-block {
  border-bottom: 1px solid #cecece;
  height: 2.04762rem;
  line-height: 2.04762rem;
  color: #b4b4b4;
  font-size: 0.85714rem;
  background: #fff;
  padding-left: 1.02381rem; }

.search-block2 {
  border-top: 1px solid #cecece;
  border-bottom: 1px solid #cecece;
  height: 2.04762rem;
  line-height: 2.04762rem;
  color: #b4b4b4;
  font-size: 0.85714rem;
  background: #fff;
  padding-left: 1.02381rem;
  margin-top: 0.57143rem; }

.doctor-list .img-wrap {
  position: relative;
  border-radius: 50%;
  width: 3.78571rem;
  height: 3.78571rem;
  border: 0.07143rem solid #d8d8d8;
  background: #d8d8d8;
  margin-left: 0.47619rem; }
  .doctor-list .img-wrap > img {
    width: 100%;
    height: 100%;
    border-radius: 50%; }
  .doctor-list .img-wrap > .number {
    position: absolute;
    display: block;
    right: -0.2381rem;
    top: -0.2381rem;
    border-radius: 50%;
    background: #ff7200;
    color: #fff;
    width: 1.28571rem;
    height: 1.28571rem;
    line-height: 1.28571rem;
    text-align: center;
    font-style: normal;
    font-size: 0.90476rem; }

.message-box {
  padding-left: 1.66667rem;
  /*  display: inline-block;*/
  padding-top: 0.95238rem;
  padding-bottom: 0.95238rem; }

.message-box span.span-name {
  /* display: inline-block;*/
  color: #000;
  font-size: 1.14286rem; }

.message-box span.span-job {
  /*display: inline-block;*/
  color: #333;
  font-size: 0.90476rem;
  margin-left: 0.59524rem; }

.message-box span.span-hospital {
  /* display: inline-block;*/
  color: #000;
  font-size: 0.95238rem; }

.message-box span.span-ks {
  /*display: inline-block;*/
  color: #000;
  font-size: 0.95238rem;
  margin-left: 1.09524rem; }

.message-box span.span-time {
  /*display: inline-block;*/
  color: #0058db;
  font-size: 0.85714rem; }

.message-box span.span-time2 {
  /* display: inline-block;*/
  color: #0058db;
  font-size: 0.85714rem; }

.message-box span.span-time3 {
  /*display: inline-block;*/
  color: #0058db;
  font-size: 0.85714rem;
  margin-left: 0.71429rem; }

.message-box .span-box {
  display: block;
  height: 1.42857rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden; }

.arrow-box2 {
  cursor: pointer;
  width: 0.5rem;
  height: 0.90476rem;
  float: right;
  background: url("../images/arrow-left.png") no-repeat;
  background-size: 100% 100%;
  margin-right: 1.19048rem;
  margin-top: 2.80952rem; }

.hospital-list .img-wrap {
  border: 1px solid #d6d6d6;
  width: 4.7619rem;
  border-radius: 0.2381rem; }
  .hospital-list .img-wrap > img {
    width: 100%; }

.hospital-list > li .item-inner {
  padding-top: 1.19048rem;
  padding-bottom: 1.19048rem; }

.message-box2 {
  display: block;
  margin-left: 0.95238rem; }

.message-box2 span.span-name {
  display: inline-block;
  color: #000;
  font-size: 1.14286rem; }

.message-box2 span.span-phone {
  display: inline-block;
  color: #666;
  font-size: 0.85714rem; }

.message-box2 span.span-number {
  /* display: inline-block;*/
  color: #000;
  font-size: 0.85714rem;
  margin-left: 0.71429rem; }

.message-box2 span.span-dj {
  display: inline-block;
  width: 4.04762rem;
  height: 1.19048rem;
  line-height: 1.19048rem;
  border-radius: 2px;
  text-align: center;
  color: #fff;
  background: #ff9f51;
  font-size: 0.85714rem; }

.message-box2 .span-box {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  height: 1.19048rem; }

.message-box2 .span-box2 {
  display: block;
  /* height: pxToRem(60px);*/
  white-space: normal; }

.message-box2 span.big-num {
  /* display: inline-block;*/
  color: #000;
  font-size: 0.90476rem; }

.blue-qx {
  display: inline-block;
  vertical-align: middle;
  color: #087cff;
  font-size: 1.14286rem; }

.white-jc {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  font-size: 1.14286rem; }

.jzr-text {
  padding: 0.38095rem 0.95238rem;
  color: #333;
  font-size: 1.19048rem; }
  .jzr-text .xzjz-btn {
    width: 4.85714rem;
    height: 1.61905rem;
    line-height: 1.61905rem;
    border: 1px solid #1c88ff;
    color: #1c88ff;
    font-size: 0.85714rem;
    display: inline-block;
    float: right;
    text-align: center;
    border-radius: 4px;
    cursor: pointer;
    margin-top: 0.09524rem; }

.patient-box {
  height: 5rem;
  background: #fff;
  border-bottom: 1px solid #cecece; }

.patient-box .default-list > li .item-right {
  padding-right: 0.95238rem;
  font-size: 1.14286rem;
  color: #ccc; }

.patient-box .arrow-box {
  width: 0.40476rem;
  height: 0.78571rem;
  background: url("../images/arrow-left2.png") no-repeat;
  background-size: cover;
  float: right;
  margin-right: 1.07143rem;
  margin-top: 1.80952rem; }

.patient-box-message {
  padding: 0.95238rem 0; }
  .patient-box-message .patient-photo {
    float: left;
    background: #e1e1e1;
    padding: 0.09524rem;
    width: 2.80952rem;
    height: 2.80952rem;
    border-radius: 50%; }
    .patient-box-message .patient-photo > img {
      width: 100%;
      height: 100%;
      border-radius: 50%;
      display: block; }

.patient-box-message .patient-text {
  padding-left: 1.57143rem;
  float: left; }

.patient-box-message .patient-text span.patient-name {
  font-size: 1.14286rem;
  color: #000;
  display: inline-block; }

.patient-box-message .patient-text span.patient-sex {
  font-size: 1.14286rem;
  color: #000;
  margin-left: 1.04762rem;
  display: inline-block; }

.patient-box-message .patient-text span.patient-card {
  font-size: 0.85714rem;
  color: #1c88ff;
  border: 1px solid #1c88ff;
  margin-left: 0.7619rem;
  display: inline-block;
  width: 2.33333rem;
  height: 1.09524rem;
  line-height: 1.09524rem;
  text-align: center;
  vertical-align: top;
  margin-top: 0.2381rem; }

.patient-box-message .patient-text span.patient-number {
  color: #979797;
  font-size: 1.04762rem;
  display: block;
  line-height: 100%; }

.icon-yes {
  display: inline-block;
  vertical-align: middle;
  width: 1.14286rem;
  height: 1.14286rem;
  background: url("../images/blue-yes.png") no-repeat;
  background-size: cover; }

.patient-message > li > .item-inner .item-right {
  color: #0058db;
  text-align: right;
  padding-top: 0.47619rem;
  padding-bottom: 0.47619rem;
  font-size: 1.14286rem; }
  .patient-message > li > .item-inner .item-right .money {
    color: #f06c00; }

.button-box2 {
  margin-top: 1.80952rem;
  margin-left: 1.14286rem;
  margin-right: 1.14286rem; }

.button-box2 a {
  text-decoration: none; }

.button-box2 .qr-btn {
  height: 3.09524rem;
  line-height: 3.09524rem;
  color: #fff;
  text-align: center;
  border-radius: 5px;
  cursor: pointer;
  background: #087cff;
  display: block;
  font-size: 1.28571rem; }

.icon-plus {
  display: inline-block;
  vertical-align: middle;
  width: 1.57143rem;
  height: 1.57143rem;
  background: url("../../images/hzgl/plus.png") no-repeat;
  background-size: 100% 100%; }

.gray-circle {
  display: inline-block;
  width: 1.14286rem;
  height: 1.14286rem;
  background: url("../../../UIstyle/img/empty.png") no-repeat;
  background-size: 100% 100%;
  cursor: pointer; }

.gray-circle.active {
  background: url("../../../UIstyle/img/blue-yes.png") no-repeat;
  background-size: 100% 100%; }

.ys-box ul li {
  height: 7.14286rem;
  border-bottom: 1px solid #cecece;
  background: #fff; }

.ys-box ul li .ys-message-box {
  padding-left: 1.47619rem; }

.ys-box ul li .ys-message-box .img-wrap {
  width: 3.85714rem;
  height: 3.85714rem;
  float: left;
  margin-top: 1rem;
  padding: 0.07143rem;
  border-radius: 50%;
  background: #f0f0f0; }
  .ys-box ul li .ys-message-box .img-wrap > img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%; }

/*.ys-box ul li .ys-message-box i.ys-photo1{
  background: url("../images/photo-boy.png") no-repeat;
  background-size: 100% 100%;
}
.ys-box ul li .ys-message-box i.ys-photo2{
  background: url("../images/photo-girl.png") no-repeat;
  background-size: 100% 100%;
}*/
.ys-box ul li .ys-message-box .ys-text {
  margin-left: 4.90476rem;
  padding-top: 0.71429rem; }

.ys-box ul li .ys-message-box .ys-text span.ys-name {
  display: block;
  font-size: 1.14286rem;
  color: #000; }

.ys-box ul li .ys-message-box .ys-text span.ys-ks {
  display: inline-block;
  font-size: 0.85714rem;
  color: #666; }

.ys-box ul li .ys-message-box .ys-text span.ys-job {
  display: inline-block;
  font-size: 0.85714rem;
  color: #666;
  margin-left: 1.33333rem; }

.ys-box ul li .ys-message-box .ys-text .ys-hospital {
  display: block;
  font-size: 0.85714rem;
  color: #666;
  margin-top: -0.04762rem; }

.ys-box ul li .ys-message-box .ys-text .ys-date {
  display: block;
  font-size: 0.85714rem;
  color: #0058db; }

.ys-box ul li .ys-message-box .ys-text span.ys-time {
  display: inline-block;
  margin-left: 0.19048rem;
  color: #0058db; }

.person-center-banner img {
  width: 100%; }

.person-center-banner .arrow-white {
  width: 0.64286rem;
  height: 1.28571rem;
  background: url("../images/arrow-white.png") no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
  display: inline-block;
  position: absolute;
  z-index: 22;
  top: 2.5rem;
  left: 0.64286rem; }

.person-center-banner .doctor-photo {
  width: 4.04762rem;
  height: 4.04762rem;
  background: url("../images/green-doctor.png") no-repeat;
  background-size: 100% 100%;
  float: left;
  position: absolute;
  z-index: 33;
  left: 3.5rem;
  top: 4.52381rem; }

.person-center-banner .doctor-js {
  height: 3.33333rem;
  color: #fff;
  position: absolute;
  top: 4.7619rem;
  left: 9.28571rem; }

.person-center-banner .doctor-js .doctor-name {
  font-size: 1.2381rem;
  display: inline-block; }

.person-center-banner .doctor-js .doctor-job {
  font-size: 1.04762rem;
  display: inline-block;
  margin-left: 0.71429rem; }

.person-center-banner .doctor-js .hospital {
  font-size: 1.04762rem;
  display: inline-block; }

.person-center-banner .doctor-js .hospital-ks {
  font-size: 1.04762rem;
  display: inline-block;
  margin-left: 0.90476rem; }

.list-box {
  margin-top: 0.85714rem;
  border-top: 1px solid #d8d8d8;
  background: #fff; }
  .list-box ul li {
    height: 3.33333rem;
    line-height: 3.33333rem;
    border-bottom: 1px solid #d8d8d8;
    font-size: 1.14286rem;
    padding-left: 0.90476rem; }
  .list-box ul li a {
    display: block;
    cursor: pointer;
    color: #333; }
  .list-box ul li a .arrow-gray {
    width: 0.40476rem;
    height: 0.78571rem;
    float: right;
    background: url("../images/arrow-left2.png") no-repeat;
    background-size: 100% 100%;
    margin-right: 1.09524rem;
    margin-top: 1.04762rem; }
  .list-box ul li .open-btn {
    width: 2.7619rem;
    height: 1.66667rem;
    float: right;
    margin-right: 0.83333rem;
    margin-top: 0.80952rem;
    background: url("../images/gray-close.png") no-repeat;
    background-size: 100% 100%;
    cursor: pointer; }
  .list-box ul li .open-btn.active {
    background: url("../images/green-open.png") no-repeat;
    background-size: 100% 100%; }

.header-box .header-box-content .icon-plus {
  width: 1.57143rem;
  height: 1.57143rem;
  position: absolute;
  right: 0.35714rem;
  top: 0.80952rem; }

.tab-box {
  height: 2.78571rem;
  border-bottom: 1px solid #d8d8d8;
  background: #fff;
  margin-bottom: 0.61905rem; }
  .tab-box.nmb {
    margin-bottom: 0; }
  .tab-box ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -o-box;
    display: box;
    height: 100%; }
  .tab-box ul li {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    height: 2.78571rem;
    position: relative;
    color: #666;
    cursor: pointer;
    font-size: 1rem;
    text-align: center; }
  .tab-box ul li:last-child {
    border-right: none; }
    .tab-box ul li:last-child a {
      border-right: none; }
  .tab-box ul li a {
    display: block;
    height: 1.66667rem;
    margin-top: 0.57143rem;
    border-right: 1px solid #d8d8d8;
    color: #666; }
  .tab-box ul li.active a {
    color: #1c88ff; }

.dl-image img {
  width: 100%; }

.dl-box {
  margin-left: 2.02381rem;
  margin-right: 2.02381rem;
  margin-top: 1.42857rem; }
  .dl-box .dl-box-main {
    background: #fff;
    height: 7.69048rem;
    border-radius: 8px;
    -webkit-box-shadow: 0 0 10px rgba(233, 243, 253, 0.9);
    -moz-box-shadow: 0 0 10px rgba(233, 243, 253, 0.9);
    box-shadow: 0 0 10px rgba(233, 243, 253, 0.9);
    position: relative;
    overflow: hidden; }
  .dl-box .dl-box-main .input-box {
    width: 100%;
    /* height: pxToRem(153px);*/
    /*line-height: pxToRem(153px);*/
    line-height: normal;
    padding-top: 0.90476rem;
    padding-right: 0.90476rem;
    font-size: 1.2381rem;
    padding-left: 3.02381rem;
    border: none;
    outline: none; }
  .dl-box .dl-box-main .box-input {
    height: 50%;
    border-bottom: 1px dashed #e4f0fb;
    position: relative; }
  .dl-box .dl-box-main .box-input .smile-icon {
    width: 1.66667rem;
    height: 1.66667rem;
    position: absolute;
    background: url("../images/smile.png") no-repeat;
    background-size: 100% 100%;
    top: 0.95238rem;
    left: 0.95238rem; }
  .dl-box .dl-box-main .lock-icon {
    width: 1.66667rem;
    height: 1.66667rem;
    position: absolute;
    background: url("../images/lock.png") no-repeat;
    background-size: 100% 100%;
    top: 4.7619rem;
    left: 0.95238rem; }

.dl-btn-big {
  margin-top: 1.66667rem;
  margin-left: 2.09524rem;
  margin-right: 2.09524rem; }
  .dl-btn-big .dl-btn {
    height: 3.09524rem;
    line-height: 3.09524rem;
    color: #fff;
    background: #087cff;
    border-radius: 5px;
    text-align: center;
    cursor: pointer;
    font-size: 1.28571rem;
    display: block; }
  .dl-btn-big .wjmm-text {
    color: #087cff;
    font-size: 1rem;
    cursor: pointer;
    margin-top: 1.2381rem;
    display: block;
    margin-bottom: 0.47619rem; }

.gray-mm {
  height: 3.2619rem;
  line-height: 3.2619rem;
  color: #828282;
  font-size: 1rem;
  padding-left: 0.7619rem;
  border-bottom: 1px solid #d8d8d8; }

.xsmm {
  float: right;
  margin-right: 1.52381rem; }
  .xsmm #xs {
    margin-right: 0.47619rem;
    outline: none;
    vertical-align: middle; }

.rzsm-text {
  margin-left: 0.57143rem;
  margin-right: 1.42857rem;
  margin-top: 0.90476rem; }
  .rzsm-text .rzsm-text-main {
    /*text-align: center;*/
    color: #626262;
    font-size: 1rem; }
    .rzsm-text .rzsm-text-main .gth {
      width: 1.04762rem;
      height: 1.04762rem;
      background: url("../images/gth.png") no-repeat;
      background-size: 100% 100%;
      vertical-align: middle;
      display: inline-block;
      margin-top: -0.2381rem; }

.yycg-box {
  position: relative;
  padding-top: 1px; }
  .yycg-box .yes-big {
    width: 2.19048rem;
    height: 2.19048rem;
    background: url("../images/yes-big.png") no-repeat;
    background-size: cover;
    position: absolute;
    margin-top: 1.33333rem;
    margin-left: 1.90476rem; }
  .yycg-box .success-box {
    margin-left: 5.57143rem;
    margin-top: 1.28571rem;
    margin-right: 0.95238rem; }
    .yycg-box .success-box > h4 {
      font-weight: normal;
      position: relative; }
    .yycg-box .success-box .success-text {
      font-size: 1.28571rem;
      color: #f9923e; }
    .yycg-box .success-box .time-box {
      position: absolute;
      right: 0;
      top: 0.2381rem;
      font-size: 0.85714rem;
      color: #969696; }
    .yycg-box .success-box .remind-text {
      font-size: 0.85714rem;
      color: #969696;
      display: block;
      margin-bottom: 2.38095rem; }
  .yycg-box .cx-box {
    position: absolute;
    /*  width: pxToRem(270px);*/
    font-size: 1rem;
    color: #0058db;
    bottom: 0.47619rem;
    right: 0.95238rem; }
    .yycg-box .cx-box .eye {
      width: 1.35714rem;
      height: 0.92857rem;
      background: url("../images/blue-eye.png") no-repeat;
      background-size: cover;
      display: inline-block;
      vertical-align: middle;
      margin-right: 0.35714rem;
      margin-top: -0.09524rem; }

.qx-btn-big {
  margin-left: 1.14286rem;
  margin-right: 1.14286rem;
  margin-top: 4.04762rem;
  margin-bottom: 0.95238rem; }
  .qx-btn-big .qx-btn {
    height: 3.09524rem;
    line-height: 3.09524rem;
    text-align: center;
    color: #087cff;
    background: #fff;
    border: 1px solid #087cff;
    border-radius: 5px;
    display: block;
    cursor: pointer;
    font-size: 1.28571rem; }

.recent-search {
  padding-bottom: 1rem;
  background: #fff;
  border-bottom: 1px solid #d8d8d8;
  position: relative; }
  .recent-search .search-input {
    height: 2.07143rem;
    line-height: 2.07143rem;
    padding-left: 0.95238rem;
    border-bottom: 1px solid #d8d8d8;
    font-size: 0.85714rem;
    color: #b4b4b4; }
  .recent-search .icon-x {
    width: 1.52381rem;
    height: 1.52381rem;
    background: url("../images/close.png") no-repeat;
    background-size: cover;
    position: absolute;
    right: 0.66667rem;
    top: 0.11905rem;
    cursor: pointer; }
  .recent-search a {
    display: inline-block;
    padding: 0.54762rem 0.78571rem;
    background: #f0f0f0;
    border-radius: 6px;
    color: #333;
    cursor: pointer;
    margin-top: 0.66667rem;
    margin-left: 0.66667rem;
    font-size: 1rem; }

.hz-banner {
  position: relative;
  margin-bottom: 0.61905rem; }
  .hz-banner img.img-bg {
    width: 100%;
    z-index: 1; }
  .hz-banner .hz-info-box {
    position: absolute;
    width: 100%;
    top: 50%;
    padding: 0px 1.66667rem;
    margin-top: -1.90476rem; }
    .hz-banner .hz-info-box .hz-photo {
      float: left;
      width: 3.2381rem;
      height: 3.2381rem;
      z-index: 2;
      margin-right: 1rem; }
      .hz-banner .hz-info-box .hz-photo img {
        width: 100%;
        height: 100%;
        border-radius: 50%;
        /*background: url("../images/hz-photo.png") no-repeat;
        background-size: cover;*/ }
    .hz-banner .hz-info-box .hz-message {
      padding-right: 1rem;
      overflow: hidden;
      /* width: pxToRem(560px);*/ }
      .hz-banner .hz-info-box .hz-message .first-message {
        font-size: 1.14286rem;
        color: #fff;
        display: inline-block; }
      .hz-banner .hz-info-box .hz-message .right-message {
        font-size: 1.14286rem;
        color: #fff;
        display: inline-block;
        margin-left: 1.04762rem; }
      .hz-banner .hz-info-box .hz-message .second-message {
        font-size: 0.95238rem;
        color: #fff;
        display: block; }

.icon-hz-yygh,
.icon-hz-yyjc,
.icon-hz-yycw,
.icon-hz-yhjl {
  display: inline-block;
  vertical-align: middle;
  width: 1.42857rem;
  height: 1.42857rem;
  margin-right: 0.7619rem;
  margin-top: -0.14286rem; }

.icon-hz-yygh {
  background: url("../images/icon-hz-yygh.png") no-repeat;
  background-size: cover; }

.icon-hz-yyjc {
  background: url("../images/icon-hz-yyjc.png") no-repeat;
  background-size: cover; }

.icon-hz-yycw {
  background: url("../images/icon-hz-yycw.png") no-repeat;
  background-size: cover; }

.icon-hz-yhjl {
  background: url("../images/icon-hz-yhjl.png") no-repeat;
  background-size: cover; }

/*.hz-list-person{
  background: #fff;
  & ul{

  }
  & ul li{
    height: pxToRem(137px);
    line-height: pxToRem(137px);
    border-bottom: 1px solid $baseBorderColor;
    color: #333;
    font-size: pxToRem(48px);
  }
  & ul li a{
    display: block;
    cursor: pointer;
    color: #333;
  }
  & ul li .arrow{
    width: pxToRem(17px);
    height: pxToRem(33px);
    background: url("../images/arrow-left2.png") no-repeat;
    background-size: cover;
    float: right;
    margin-right: pxToRem(46px);
    margin-top: pxToRem(44px);
  }
  & ul li .hz-icon{
    display: inline-block;
    margin-left: pxToRem(52px);
    margin-right: pxToRem(26px);
    &.hz-1{
      width: pxToRem(61px);
      height: pxToRem(59px);
      background: url("../images/hz-1.png") no-repeat;
      background-size: cover;
      vertical-align: middle;
      margin-top: pxToRem(-4px);
    }
    &.hz-2{
      width: pxToRem(52px);
      height: pxToRem(48px);
      background: url("../images/hz-2.png") no-repeat;
      background-size: cover;
      vertical-align: middle;
      margin-top: pxToRem(-4px);
      margin-left: pxToRem(57px);
    }
    &.hz-3{
      width: pxToRem(49px);
      height: pxToRem(47px);
      background: url("../images/hz-3.png") no-repeat;
      background-size: cover;
      vertical-align: middle;
      margin-top: pxToRem(-4px);
      margin-left: pxToRem(60px);
    }
    &.hz-4{
      width: pxToRem(53px);
      height: pxToRem(41px);
      background: url("../images/hz-4.png") no-repeat;
      background-size: cover;
      vertical-align: middle;
      margin-top: pxToRem(-4px);
      margin-left: pxToRem(57px);
    }
  }
}*/
.hz-main-box {
  background: #fff;
  padding: 0 0rem 1.19048rem 0rem;
  width: 100%;
  height: 100%;
  float: left; }
  .hz-main-box .hz-box {
    width: 25%;
    height: 5.47619rem;
    float: left;
    cursor: pointer;
    margin-top: 1.2381rem; }
    .hz-main-box .hz-box .hz-pic-box {
      width: 3.57143rem;
      height: 3.57143rem;
      display: block;
      margin-right: auto;
      margin-left: auto; }
    .hz-main-box .hz-box .hz-pic-box.hz-pic1 {
      background: url("../images/hz-pic1.png") no-repeat;
      background-size: cover; }
    .hz-main-box .hz-box .hz-pic-box.hz-pic2 {
      background: url("../images/hz-pic2.png") no-repeat;
      background-size: cover; }
    .hz-main-box .hz-box .hz-pic-box.hz-pic3 {
      background: url("../images/hz-pic3.png") no-repeat;
      background-size: cover; }
    .hz-main-box .hz-box .hz-pic-box.hz-pic4 {
      background: url("../images/hz-pic4.png") no-repeat;
      background-size: cover; }
    .hz-main-box .hz-box .hz-pic-box.hz-pic5 {
      background: url("../images/hz-pic5.png") no-repeat;
      background-size: cover; }
    .hz-main-box .hz-box .hz-pic-box.hz-pic6 {
      background: url("../images/hz-pic6.png") no-repeat;
      background-size: cover; }
    .hz-main-box .hz-box .hz-pic-box.hz-pic7 {
      background: url("../images/hz-pic7.png") no-repeat;
      background-size: cover; }
    .hz-main-box .hz-box .hz-pic-box.hz-pic8 {
      background: url("../images/hz-pic8.png") no-repeat;
      background-size: cover; }
    .hz-main-box .hz-box span {
      display: block;
      color: #333;
      text-align: center;
      margin-top: 0.47619rem; }

.tab-box2 {
  height: 2.78571rem;
  border-bottom: 1px solid #d8d8d8;
  background: #fff; }
  .tab-box2 ul li {
    width: 25%;
    height: 2.78571rem;
    float: left;
    position: relative;
    color: #666;
    cursor: pointer;
    font-size: 1rem;
    text-align: center; }
  .tab-box2 ul li:last-child {
    border-right: none; }
  .tab-box2 ul li span {
    display: block;
    height: 1.66667rem;
    margin-top: 0.57143rem;
    border-right: 1px solid #d8d8d8; }
  .tab-box2 ul li.active {
    color: #1c88ff; }

/*.cw-box-first{
  height: pxToRem(120px);
  line-height: pxToRem(120px);
  border-bottom: 1px solid $baseBorderColor;
  & span{
    color: #333;
    font-size: pxToRem(50px);
    padding-left: pxToRem(44px);
  }
  &
}*/
/*个人中心头部*/
.user-header-box {
  position: relative; }
  .user-header-box .header-tool {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 3.33333rem; }
    .user-header-box .header-tool .back-a {
      width: 0.64286rem;
      height: 1.28571rem;
      top: 50%;
      margin-top: -0.88095rem;
      left: 0.95238rem;
      background: url("../images/arrow-white.png") no-repeat;
      background-size: cover;
      position: absolute;
      z-index: 22; }
  .user-header-box .img-bg {
    width: 100%; }
  .user-header-box .user-info-box {
    position: absolute;
    width: 100%;
    top: 50%;
    height: 3.88095rem;
    margin-top: -1.42857rem;
    text-align: center; }
    .user-header-box .user-info-box .img-wrap {
      width: 3.88095rem;
      height: 3.88095rem;
      border-radius: 50%;
      padding: 0.14286rem;
      background: #fff;
      display: inline-block;
      vertical-align: middle;
      margin-right: 1.42857rem; }
      .user-header-box .user-info-box .img-wrap > img {
        display: block;
        width: 100%;
        height: 100%;
        border-radius: 50%; }
    .user-header-box .user-info-box .text-wrap {
      display: inline-block;
      vertical-align: middle;
      color: #fff;
      text-align: left; }
      .user-header-box .user-info-box .text-wrap > h4 {
        font-weight: normal; }
        .user-header-box .user-info-box .text-wrap > h4 .name {
          font-size: 1.2381rem;
          margin-right: 0.95238rem; }
      .user-header-box .user-info-box .text-wrap > p {
        font-size: 1.04762rem; }
        .user-header-box .user-info-box .text-wrap > p > span {
          margin-right: 0.95238rem; }

.user-work-info {
  background: #fff;
  border-top: 1px solid #d8d8d8;
  border-bottom: 1px solid #d8d8d8;
  margin-bottom: 0.85714rem; }
  .user-work-info .user-work-tab > li {
    float: left;
    width: 50%;
    border-right: 1px solid #d8d8d8; }
    .user-work-info .user-work-tab > li:last-child {
      border-right: 0; }
    .user-work-info .user-work-tab > li > a {
      display: block;
      height: 4.28571rem;
      line-height: 4.28571rem;
      color: #333333;
      font-size: 1rem;
      padding: 0 0.95238rem;
      white-space: nowrap; }
    .user-work-info .user-work-tab > li .number {
      color: #969696;
      padding-left: 0.28571rem; }
      .user-work-info .user-work-tab > li .number strong {
        color: #0076f7;
        font-size: 1.19048rem;
        font-weight: normal;
        padding-right: 0.07143rem; }
    .user-work-info .user-work-tab > li .icon-people,
    .user-work-info .user-work-tab > li .icon-time {
      display: inline-block;
      vertical-align: middle;
      width: 1.5rem;
      height: 1.52381rem;
      margin-right: 0.47619rem;
      margin-top: -0.14286rem; }
    .user-work-info .user-work-tab > li .icon-people {
      background: url("../images/person-lit.png") no-repeat;
      background-size: cover; }
    .user-work-info .user-work-tab > li .icon-time {
      background: url("../images/clock.png") no-repeat;
      background-size: cover; }

/*问诊*/
.default-list.patient-list > li .item-inner {
  padding-top: 0.71429rem;
  padding-bottom: 0.71429rem; }

.default-list.patient-list .img-wrap {
  position: relative;
  border-radius: 50%;
  width: 3.78571rem;
  height: 3.78571rem;
  border: 0.07143rem solid #d8d8d8;
  background: #d8d8d8;
  margin-right: 0.95238rem; }
  .default-list.patient-list .img-wrap > img {
    width: 100%;
    height: 100%;
    border-radius: 50%; }
  .default-list.patient-list .img-wrap > .number {
    position: absolute;
    display: block;
    right: -0.2381rem;
    top: -0.2381rem;
    border-radius: 50%;
    background: #ff7200;
    color: #fff;
    width: 1.28571rem;
    height: 1.28571rem;
    line-height: 1.28571rem;
    text-align: center;
    font-style: normal;
    font-size: 0.90476rem; }

.default-list.patient-list .text-wrap > h4 {
  position: relative;
  font-weight: normal;
  margin-bottom: 0.14286rem; }
  .default-list.patient-list .text-wrap > h4 .name,
  .default-list.patient-list .text-wrap > h4 .sex,
  .default-list.patient-list .text-wrap > h4 .age {
    display: inline-block;
    vertical-align: middle;
    font-size: 1.14286rem;
    color: #000000;
    width: 2.61905rem; }
  .default-list.patient-list .text-wrap > h4 .name {
    width: 3.33333rem; }
  .default-list.patient-list .text-wrap > h4 .time {
    position: absolute;
    right: 0;
    font-size: 0.85714rem;
    color: #969696; }

.default-list.patient-list .text-wrap > p {
  color: #666666;
  font-size: 0.95238rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

/*医生筛选*/
.search-name-list > li .item-inner {
  margin-left: 0.47619rem; }

.search-name-list > li .name {
  display: inline-block;
  width: 5rem;
  font-size: 1.14286rem; }

.search-name-list > li .hospital-text {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #969696;
  font-size: 1rem;
  overflow: hidden; }

/*预约记录*/
.make-list > li.list-people .item-inner,
.make-list > li.list-doctor .item-inner {
  padding-top: 0.71429rem;
  padding-bottom: 0.71429rem; }

.make-list > li.list-people h1,
.make-list > li.list-doctor h1 {
  font-weight: normal;
  font-size: 1.19048rem;
  color: #333333; }
  .make-list > li.list-people h1 > label,
  .make-list > li.list-doctor h1 > label {
    color: #969696; }

.make-list > li.list-people p,
.make-list > li.list-doctor p {
  position: relative;
  font-size: 1.04762rem;
  color: #969696; }

.make-list .level {
  color: #979797;
  font-size: 1rem;
  padding-top: 1.09524rem; }

.make-list .qx-btn {
  margin-top: 0.2381rem; }

/*登录注册流程*/
.icon-form-close {
  display: inline-block;
  vertical-align: middle;
  width: 1.57143rem;
  height: 1.57143rem;
  background: url("../images/close.png") no-repeat;
  background-size: cover;
  cursor: pointer; }

.icon-eyes {
  display: inline-block;
  vertical-align: middle;
  width: 1.57143rem;
  height: 1.57143rem;
  background: url("../images/eye-close.png") no-repeat;
  background-size: cover;
  cursor: pointer; }

.icon-eyes.active {
  background: url("../images/eye-open.png") no-repeat;
  background-size: cover; }
